    
 function load_Feature(){
		var featuresList = availableFeatures.split(",");
		var nodeFList    = currNodeFeatures.split(",");
		$("#If_Feature_Content").html("");
		if(nodeFList != "" && nodeFList.length >= 1){
		    for(i = 0; i < nodeFList.length ; i++){
				$("#If_Feature_Content").append(
		       		"<div class='rangeItem'>"
				    +  "<span class='textSpan'>&nbsp;If_Features:</span> "
				    +  "<input type='text' class='inputText' name = 'if_feature' value = '"+nodeFList[i]+"' readonly='readonly' />"
		       		+  "  <a href='#' class='rangeRemove' onclick='Feature_Delete(this)' ><img class='buttonBcImg' width='25' src='./images/delete.png' /></a>"
		     		+"</div>"
	       		);
       		}
		}
		
		if(featuresList != "" && featuresList.length >= 1){
       		$("#If_Feature_Content").append(
	       		"<div class='rangeItem'>"
			    +  "<span class='textSpan'>&nbsp;If_Features:</span> "
			    +  createFeatureSelect()
	       		+  "  <a href='#' class='rangeRemove'><img class='buttonBcImg' width='25' src='./images/delete.png' /></a>"
		     	+  "  <a href='#' class='rangeAdd' onclick='Feature_Add()' ><img class='buttonBcImg' width='25' src='./images/add.png' /></a>"
	     		+"</div>"
       		);
    	}
 }
 function createFeatureSelect(){
 		var featuresList = availableFeatures.split(",");
 		var featureSelected = document.getElementsByName("if_feature");
 		var isSelected = false;
 		var selectStr="";
 		selectStr+="<select style='width:305px;   height:23px;' onchange='getSelectedFeature()'  class='inputSelect'  name='if_feature'>";
 		selectStr+="<option value=''> </option>"
 		for(i =0 ; i < featuresList.length ; i++){
 			for(j = 0 ; j < featureSelected.length ; j++){
 				if(featureSelected[j].value ==featuresList[i] ){
 					isSelected = true;
 					break;
 				}
 			}
 			if(!isSelected){
 				selectStr+="<option value='"+featuresList[i]+"'>"+featuresList[i]+"</option>";
 			}
 			isSelected = false;
 		}
 		selectStr+= "</select>"
 		return selectStr;
 }
 function Feature_Add(){
 		$("#If_Feature_Content").append(
 			"<div class='rangeItem'>"
			+  "<span class='textSpan'>&nbsp;If_Features:</span> "
			+  createFeatureSelect()
	 		+  "  <a href='#' class='rangeRemove' onclick='Feature_Delete(this)' ><img class='buttonBcImg' width='25' src='./images/delete.png' /></a>"
			+  "  <a href='#' class='rangeAdd' onclick='Feature_Add()' ><img class='buttonBcImg' width='25' src='./images/add.png' /></a>"
			+"</div>"
 		);
 }
 function Feature_Delete(obj){
 		$(obj).parent().remove();
 }
 function getSelectedFeature(){
 		var selectedFeature="";
 		var featureSelected = document.getElementsByName("if_feature");
 		for(j = 0 ; j < featureSelected.length ; j++){
				selectedFeature +=featureSelected[j].value + ",";
		}
		selectedFeature = selectedFeature.substring(0,selectedFeature.length -1);
		document.getElementById("featureParam").value = selectedFeature;
 }				